.comment-button {
	align-items: center;
	box-sizing: border-box;
	color: var(--color-text-subtle);
	fill: var(--color-text-subtle);
	cursor: pointer;
	display: flex;
	height: 20px;
	gap: 4px;

	// highlight button
	&:hover,
	&:active {
		color: var(--color-link);
		fill: var(--color-link);
	}

	.comment-button__label-status {
		@include breakpoint-deprecated( "<480px" ) {
			display: none;
		}
	}

	&.tooltip {
		@include tooltip-base;
		@include tooltip-top;
	}
}

.comment-button__label {
	font-size: $font-body-small;
	&:empty {
		display: none;
	}

	.comment-button__label-count {
		font-size: $font-body-small;
	}
}

.reader-full-post .reader-post-actions .comment-button .comment-button__label {
	font-size: $font-body-small;
}
